<template>
    <!-- 精品 -->
    <div class="best">
        <div class="img_box">
            <img src="https://www.chanel.com/images/q_auto,f_auto,fl_lossy,dpr_auto/w_400/FSH-1620729408444-megamenuhv4desktopcorr.jpg" alt="">
            <span>2020/21高级手工坊系列</span>
        </div>
        <List  :list="item.list" :title="item.title" v-for="(item,index) in list" :key="index"/>
    </div>
</template>
<script>
import List from '../components/list.vue'
export default{
    components:{List},
    data(){
        return{
            list:[
                {
                    title:'最新发布会',
                    list:[
                        '2021/22早春度假系列',
                        '2021/22秋冬'
                    ]
                },
                 {
                    title:'已上市系列',
                    list:[
                        '香奈儿2021 COCO BEACH',
                        '2020/21高级手工坊系列',
                        '香奈儿经典手袋',
                        '2021春夏',
                        '2021春夏预告系列'
                    ]
                },
                {
                    title:'专属服务',
                    list:[
                        '店铺信息',
                        '个人定制',
                    ]
                }
            ]
        }
    }
}
</script>
<style scoped>
.best{
    display: flex;
    width: 90%;
    margin: 3em auto;
    border-top: 1px solid #eee;
    padding-top: 2em;
}
.best .img_box{
    flex: 1;
}
.best .img_box img{
    width: 80%;
}
.best .list{
    margin-left: 2em;
    flex: 1;
}
</style>
